﻿<!DOCTYPE html>
<html>
  <head>
    <title>自动完成 Auto Complete</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=1440, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/_____auto_complete/styles.css" type="text/css" rel="stylesheet"/>
    <link href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/_____auto_complete/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (元件标题) -->

      <!-- 背景 (Dynamic Panel) -->
      <div id="u9071" class="ax_default" data-label="背景">
        <div id="u9071_state0" class="panel_state" data-label="State1" style="">
          <div id="u9071_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- 线条 (Dynamic Panel) -->
      <div id="u9072" class="ax_default" data-label="线条">
        <div id="u9072_state0" class="panel_state" data-label="State1" style="">
          <div id="u9072_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9073" class="ax_default _默认样式">
        <div id="u9073_div" class=""></div>
        <div id="u9073_text" class="text ">
          <p><span style="font-family:'FontAwesome Bold', 'FontAwesome Regular', 'FontAwesome';"></span><span style="font-family:'微软雅黑 Bold', '微软雅黑';"> 元件标题</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9074" class="ax_default _默认样式">
        <div id="u9074_div" class=""></div>
        <div id="u9074_text" class="text ">
          <p><span style="font-family:'FontAwesome';font-weight:400;"></span><span style="font-family:'微软雅黑';font-weight:400;"> </span><span style="font-family:'FontAwesome';font-weight:400;">作品首页</span></p>
        </div>
      </div>

      <!-- Unnamed (版权信息) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u9076" class="ax_default _默认样式">
        <img id="u9076_img" class="img " src="images/___icons/u605.png"/>
        <div id="u9076_text" class="text ">
          <p><span>Copyright © </span><a id="u9077" class="link"><span>http://t.cn/EPh287q</span></a><span>, All Rights Reserved.</span></p><p><span>打造高保真原型，快人一步</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u9078" class="ax_default" data-left="20" data-top="100" data-width="1100" data-height="90">

        <!-- Unnamed (Rectangle) -->
        <div id="u9079" class="ax_default _默认样式">
          <div id="u9079_div" class=""></div>
          <div id="u9079_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">使用说明</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">根据输入框输入文字自动补充完成内容，一般用于邮箱或搜索等输入。提供静态的元件示例，可根据需要进行扩展。</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u9080" class="ax_default _默认样式">
          <div id="u9080_div" class=""></div>
          <div id="u9080_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9081" class="ax_default _默认样式">
        <div id="u9081_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9082" class="ax_default _默认样式">
        <div id="u9082_div" class=""></div>
        <div id="u9082_text" class="text ">
          <p><span>邮箱自动完成</span></p>
        </div>
      </div>

      <!-- 选择器 (Group) -->
      <div id="u9083" class="ax_default" data-label="选择器" data-left="170" data-top="322" data-width="241" data-height="241">

        <!-- Unnamed (Rectangle) -->
        <div id="u9084" class="ax_default _默认样式">
          <div id="u9084_div" class=""></div>
          <div id="u9084_text" class="text ">
            <p><span>8888888</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u9085" class="ax_default box_3">
          <div id="u9085_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u9086" class="ax_default _默认样式">
          <div id="u9086_div" class=""></div>
          <div id="u9086_text" class="text ">
            <p><span>8888888@qq.com</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u9087" class="ax_default _默认样式">
          <div id="u9087_div" class=""></div>
          <div id="u9087_text" class="text ">
            <p><span>8888888@163.com</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u9088" class="ax_default _默认样式">
          <div id="u9088_div" class=""></div>
          <div id="u9088_text" class="text ">
            <p><span>8888888@gmail.com</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u9089" class="ax_default _默认样式">
          <div id="u9089_div" class=""></div>
          <div id="u9089_text" class="text ">
            <p><span>8888888@126.com</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u9090" class="ax_default _默认样式">
          <div id="u9090_div" class=""></div>
          <div id="u9090_text" class="text ">
            <p><span>8888888@sina.com</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u9091" class="ax_default _默认样式">
          <div id="u9091_div" class=""></div>
          <div id="u9091_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9092" class="ax_default _默认样式">
        <div id="u9092_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9093" class="ax_default _默认样式">
        <div id="u9093_div" class=""></div>
        <div id="u9093_text" class="text ">
          <p><span>搜索自动完成</span></p>
        </div>
      </div>

      <!-- 选择器 (Group) -->
      <div id="u9094" class="ax_default" data-label="选择器" data-left="730" data-top="322" data-width="241" data-height="241">

        <!-- Unnamed (Rectangle) -->
        <div id="u9095" class="ax_default _默认样式">
          <div id="u9095_div" class=""></div>
          <div id="u9095_text" class="text ">
            <p><span>男</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u9096" class="ax_default box_3">
          <div id="u9096_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u9097" class="ax_default _默认样式">
          <div id="u9097_div" class=""></div>
          <div id="u9097_text" class="text ">
            <p><span>男鞋</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u9098" class="ax_default _默认样式">
          <div id="u9098_div" class=""></div>
          <div id="u9098_text" class="text ">
            <p><span>男裤</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u9099" class="ax_default _默认样式">
          <div id="u9099_div" class=""></div>
          <div id="u9099_text" class="text ">
            <p><span>男装</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u9100" class="ax_default _默认样式">
          <div id="u9100_div" class=""></div>
          <div id="u9100_text" class="text ">
            <p><span>男袜</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u9101" class="ax_default _默认样式">
          <div id="u9101_div" class=""></div>
          <div id="u9101_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'FontAwesome';font-weight:400;font-size:18px;"></span><span style="font-family:'微软雅黑';font-weight:400;"> 找“男”相关店铺</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u9102" class="ax_default _默认样式">
          <div id="u9102_div" class=""></div>
          <div id="u9102_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u9103" class="ax_default _默认样式">
          <div id="u9103_div" class=""></div>
          <div id="u9103_text" class="text ">
            <p><span>约100个结果</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u9104" class="ax_default _默认样式">
          <div id="u9104_div" class=""></div>
          <div id="u9104_text" class="text ">
            <p><span>约100个结果</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u9105" class="ax_default _默认样式">
          <div id="u9105_div" class=""></div>
          <div id="u9105_text" class="text ">
            <p><span>约100个结果</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u9106" class="ax_default _默认样式">
          <div id="u9106_div" class=""></div>
          <div id="u9106_text" class="text ">
            <p><span>约100个结果</span></p>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
